<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>attribute</title>
    <!-- 引入css -->
    <link rel="stylesheet" href="../css/attribute/attribute.css" />
    <link rel="stylesheet" href="../css/attribute/update.css">
    <link rel="stylesheet" href="../css/attribute/add.css">
    
    <!-- 引入jquery -->
    <script src="../js/jquery-1.9.1.min.js"></script>
</head>
<body>
    <!-- 表格区域 -->
    <div class="box">
        <div id="button-area">
            <button class="btn-change" onclick="getAttrbute('userRole'),load()">用户角色</button>
            <button class="btn-change" onclick="getAttrbute('department'),load()">用户部门</button>
            <button class="btn-change" onclick="getAttrbute('provideOrg'),load()">服务提供机构</button>
            <button class="btn-change" id="add" onclick="add()">新增属性</button>
        </div>
        <table id="tag-table">
            <!-- <caption id="table-header">属性管理</caption> -->
            <thead>
                <tr>
                    <th id="th1">属性名称</th>
                    <th id="th2">属性类型</th>
                    <th id="th3">创建时间</th>
                    <th id="th4">更新时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody class="table-body" id="tbody"></tbody>
        </table>
        <div id="footer">
            <p>共</p>
            <p id="totalRows">0</p>
            <p>条，</p>
            <p>第</p>
            <p id="currentPage">1</p>
            <P>页，共</P>
            <p id="totalPages">0</p>
            <p>页，(每页显示10条)</p>
            <button id="next" onclick="next()">下一页</button>
            <button id="pre" onclick="pre()">上一页</button>
        </div>
    </div>

    <!-- 修改信息窗口 -->
    <div id="updateBlock">
        <div id="updateHeader"><span>修改属性</span></div>
        <div id="updateMain">
            <table>
                <tr>
                    <td class="title-td">属性类型</td>
                    <td>
                        <input id="updateAttributeType" class="inputBox" type="text" disabled>
                    </td>
                </tr>
                <tr>
                    <td class="title-td">属性名称</td>
                    <td>
                        <input id="updateAttributeName" class="inputBox" type="text">
                    </td>
                </tr>
            </table>
        </div>
        <div id="update-foot">
            <button id="updateSubmit" onclick="submit()">提交</button>
            <button id="updateCancel" onclick="updateCancel()">取消</button>
        </div>
    </div>

    <!-- 新增窗口 -->
    <div id="addBlock">
        <div id="addHeader"><span>新增属性</span></div>
        <div id="addMain">
            <table>
                <tr>
                    <td class="title-td">属性类型：</td>
                    <td>
                        <select id="attributeType">
                            <option>userRole</option>
                            <option>department</option>
                            <option>provideOrg</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="title-td">属性名称：</td>
                    <td>
                        <input class="inputBox" id="attributeName" type="text">
                    </td>
                </tr>
            </table>
        </div>
        <div id="add-foot">
            <button id="addSubmit" onclick="addSubmit()">提交</button>
            <button id="addCancel" onclick="addCancel()">取消</button>
        </div>
    </div>

    <!-- 遮罩层 -->
    <div id="mask"></div>
</body>
<!-- 引入js -->
<script type="text/javascript" src="../js/attribute/attribute.js"></script>
<script type="text/javascript" src="../js/attribute/pagination.js"></script>
<script type="text/javascript" src="../js/attribute/add.js"></script>
<script type="text/javascript" src="../js/attribute/update.js"></script>
<script type="text/javascript" src="../js/attribute/delete.js"></script>
</html>